<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>登陆窗口</title>
    <style type="text/css">
        *{margin:0;padding:0;}
        .box{
            width:100%;
            height:100%;
            background:#fff;
            overflow:hidden;
        }
        .box1{
            width:100%;
            height:100%;
            background:#fff;
            overflow:hidden;
            display:none;
        }
        .login_box{
            width:4.9rem;
            margin:0 auto;
            height:4rem;
            position:relative;
        }
        .user_icon{
            float:left;
            width:0.3rem;
            height:0.3rem;
            background-image:url("images/uesr1.png");
            background-size:100% 100%;
            margin-top:0.4rem;
            margin-right:0.2rem;
        }
        .password_icon{
            float:left;
            width:0.3rem;
            height:0.3rem;
            background-image:url("images/suo.png");
            background-size:100% 100%;
            margin-top:0.4rem;
            margin-right:0.2rem;
        }
        .user_box{
            width:4.2rem;
            float:left;
            border-bottom:0.01rem solid #8a8a8a;
        }
        .password_box{
            border-bottom:0.01rem solid #8a8a8a;
            width:4.2rem;
            float:left;

        }
        input{
            width:4.2rem;
            height:0.8rem;
            font-size:0.24rem;
            float:left;
            border:none;
            color: #8a8a8a;
            /*padding-left:0.1rem;*/
            box-sizing:border-box;
            padding-top:0.3rem;
            outline: none;
            -webkit-tap-highlight-color:rgba(0,0,0,0);
           background-color:rgba(0,0,0,0);
        }
        .margin_top{
            margin-top:3rem;

        }
        .close{
            position:fixed;
            left:0.2rem;
            top:0.2rem;
            width:0.4rem;
            height:0.4rem;
            background-image:url("images/close.png");
            background-size:100% 100%;
        }
        .button{
            width:4.6rem;
            height:0.75rem;
            margin:0 auto;
            background:#04b1b1;
            /*position:absolute;*/
            border-radius:0.35rem;
            text-align:center;
            margin-top:0.8rem;

        }
        .button a{
            font-size:0.28rem;
            height:0.8rem;
            line-height:0.8rem;
            width:4rem;
            vertical-align:middle;
            color:#fff;
            display:block;
            margin:0 auto;
        }
        .clear{
            clear:both;
        }
        .qq{
            background-image:url("images/qq.png");
        }
        .weixin{
            background-image:url("images/weixin.png");
        }
        .weibo{
            background-image:url("images/weibo.png");
        }
        .icon_box{
            height: 0.5rem;
            width:0.5rem;
            float:left;
            margin:0 0.4rem;
            background-size:100% 100%;
        }
        .landing{
            width:4rem;
            margin:0 auto;
            height:0.5rem;
        }
        .landing_margin{
            margin-top:0.8rem;
        }
        .remenber{
            font-size:0.2rem;
            color:#8a8a8a;
            display:block;
            float:left;
            margin-left:0.4rem;
            margin-top:0.2rem;
        }
        .account{
            font-size:0.2rem;
            color:#8a8a8a;
            display:block;
            float:right;
            margin-right:0.4rem;
            margin-top:0.2rem;
        }
    </style>
    <script type="text/javascript" src="js/login.js"></script>
</head>
<body>
<div class="box" id="allbox">
    <div class="close" id="close1"></div>
    <div class="margin_top">
<div class="login_box">
    <div class="user_icon"></div>
    <div class="user_box">
        <input type="text" placeholder="手机号/用户名">
    </div>
    <div class="password_icon"></div>
    <div class="password_box">
        <input type="password" placeholder="密码">
    </div>
    <div class="clear"></div>
    <div class="button"><a>登陆</a></div>
    <a class="remenber">忘记密码</a>
    <a class="account">注册账号</a>
</div>
    <div class="landing_margin">
    <div class="landing">
        <a class="qq icon_box" href="#"></a>
        <a class="weixin icon_box" href="#"></a>
        <a class="weibo icon_box" href="#"></a>
    </div>
    </div>
    </div>
</div>
<!--<script>-->
    <!--var suoyou=document.getElementById("allbox");-->
    <!--suoyou.style.display="none";-->
<!--</script>-->
</body>
</html>
